<template>
    <div class="service">
        <div class="serviceMain">
            <div class="serviceTop clearfix">
                <h2 class="fl">客服中心</h2>
            </div>

            <div class="serviceInfo">
                <div class="servText">
                    <p class="servNote">
                        如果您希望得到我们的售后技术支持、售后服务或在合同履行过程中有任何疑问和问题，欢迎垂询！
                    </p>
                    <p>客服电话：400 0270009-4</p>
                    <p>客服Q Q：1720876917</p>
                    <p>QQ交流群：685037086</p>
                    <p>客服邮箱：1720876917@qq.com</p>
                    <p>我们收到您的反馈后会在24小时内予以答复。</p>
                </div>
            </div>

            <div class="backBox">
                <input type="button" value="返回" @click="$router.go(-1)" />
            </div>
        </div>
        <p class="service_footer">
            Copy Right © Bossien All Rights Reserved
            武汉博晟安全技术股份有限公司 版权所有
        </p>
    </div>
</template>

<script>
export default {
    data () {
        return {

        }
    },
    mounted () {
        //   if (!localStorage.token) { // 判断当前的token是否存在 ； 登录存入的token
        //    this.$message.warning('请登录后查看')
        //      this.$router.push('login')
        //  }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less' scoped>
.service {
    height: 100%;
    min-height: 768px;
    width: 100%;
    background: url("../../../static/images/loginBg.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
    .serviceMain {
        background: #fff;
        width: 1100px;
        position: absolute;
        left: 50%;
        margin-left: -550px;
        top: 48%;
        margin-top: -325px;
        padding-bottom: 60px;
        .serviceTop {
            padding: 30px 42px 0 35px;
            margin-bottom: 50px;
            h2 {
                font-size: 16px;
                font-weight: bold;
            }
        }
        .serviceInfo {
            height: 397px;
            background: url("../../../static/images/customer.png") no-repeat
                110px center;
            margin-bottom: 50px;
            .servText {
                padding-top: 70px;
                .servNote {
                    margin-bottom: 50px;
                }
                float: right;
                width: 350px;
                margin-right: 110px;
                color: #666;
                line-height: 36px;
            }
        }
        .backBox {
            text-align: center;
            > input {
                background: url("../../../static/images/backBtn.png") no-repeat;
                border: none;
                height: 42px;
                width: 125px;
                color: #4080ff;
                padding-left: 15px;
                cursor: pointer;
            }
            > input:hover {
                opacity: 0.8;
            }
        }
    }
    .service_footer {
        position: absolute;
        bottom: 3%;
        font-size: 12px;
        width: 100%;
        text-align: center;
        color: #888;
    }
}
</style>
